<!DOCTYPE html>
<html lang="en">

<head>
    <title>我的主页</title>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="short icon" href="img/logo/logo_48.ico" />
    <link rel="stylesheet" href="css/main.css" />
    <link rel="stylesheet" href="css/theme.css" />
</head>

<body>
    <!-- 顶部栏模块 -->
    <div class="top-bar l-shadow-bottom">
        <div class="top-item-container" bg="none">
            <div class="left-item">
                <button id="test" type="link">
                    <a href="#">首页</a>
                </button>
            </div>
            <div class="right-item">
                <button id="test" type="link">登录</button>
            </div>
        </div>
    </div>
    <!-- 第一模块 -->
    <div class="main border">
        <!-- 搜索 -->
        <div class="l-search">
            <div class="left-view">
                <img class="logo"
                    src="https://img30.360buyimg.com/seckillcms/s140x140_jfs/t1/206031/22/13660/88734/618338f1E8d9d1d2f/a19338bcdc7432a8.jpg.webp"
                    alt="err" srcset="">
            </div>
            <div class="right-view">
                <form action="https://www.baidu.com/s">
                    <div class="search">
                        <i class="search-icon fa fa-search" aria-hidden="true"></i>
                        <input autocomplete="false" name="wd" type="text" placeholder="搜索栏">
                        <span class="search-btn">
                            <button type="submit">搜索</button>
                        </span>
                    </div>
                </form>
            </div>
        </div>
        <!-- 第二模块 -->
        <div class="second">
            <!-- 左侧伸缩菜单 -->
            <div class="left-nav-bar border">
                左边类别展示
            </div>
            <!-- 轮播图 -->
            <div id="l-slide" class="owl-carousel">
                <div class="owl-carousel-items">
                    <img class="owl-lazy" data-src="https://image2.suning.cn/uimg/cms/img/163946764428216648.jpg"
                        alt="">
                </div>
                <div class="owl-carousel-items">
                    <img class="owl-lazy" data-src="https://image3.suning.cn/uimg/cms/img/163832226339414656.jpg"
                        alt="">
                </div>
            </div>
            <div class="right-nav-bar border">
                右边用户面板
            </div>
            <!-- 手风琴列表 -->
            <div class="list-accordion">
                <!-- 会场分类链接 -->
                <div class="type-left border"></div>
                <div class="type-right-slide border">
                    <div class="type-right-slide-warpper"></div>
                    <!-- 滚动条 -->
                    <div class="scroll-bar">
                        <i></i>
                    </div>
                </div>
            </div>
            <!-- 类型推荐 -->
            <div>
                <ul>
                    <li>1</li>
                </ul>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="plugin/jquery-3.1.1.min.js"></script>
    <script type="text/javascript" src="plugin/owl/owl.carousel.min.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
</body>

</html>